<template>
  <div id="app" :class="theme">

    <Head v-if="$route.meta.showHead"></Head>
 
    <router-view/>
  </div>
</template>

<script lang="ts" setup>
import { useRoute } from "vue-router";
import { ref, provide } from "vue"
// 引入组件
import Head from "@/components/Head/head.vue";
const route = useRoute();
const theme = ref('light');
provide('theme', theme);
</script>
<style lang="less">
* {
  padding: 0;
  margin: 0;
}

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.light {
  background-color: #f0f0f0;
  color: black;
}

.dark {
  background-color: black;
  color: #f0f0f0;
}
body{
  padding-right: 0 !important;
}
</style>
